<?php
$this->pageTitle = Yii::app()->name;
?>
<div class='carousel slide over-something' id='homepage-carousel'>
	<div class='carousel-inner slider-w'>
		<div class='active item'>
			<div class='container bg-trans' style="padding:64px 0;">
				<h1 class='slider-header'>Wake Up Your <strong class="red">Customer</strong></h1>
				<h2 class='slider-sub-header'>Yamii makes it easy to bring customers back, whenever you need a boost.</h2>
				<!-- <div class='cta'>
					<a href="#" class="btn btn-cta btn-warning">Learn more</a>
				</div> -->
				<!-- <div class='slider-browsers-w clearfix'>
					<div class='slider-browser slider-browser-left hidden-phone' data-position-bottom='-10%'>
						<img alt="Browser-window-1" src="<?php echo Yii::app()->baseUrl; ?>/assets/images/yb_intro_offer_report.png" />
					</div>
					<div class='slider-browser slider-browser-center' data-position-bottom='-9%'>
						<img alt="Browser-window-2" src="<?php echo Yii::app()->baseUrl; ?>/assets/images/yb_intro_customer_recent.png" />
					</div>
					<div class='slider-browser slider-browser-right hidden-phone' data-position-bottom='-10%'>
						<img alt="Browser-window-3" src="<?php echo Yii::app()->baseUrl; ?>/assets/images/yb_intro_people_nearby.png" />
					</div>
				</div> -->
			</div>
		</div>
		<!--
		<div class='item'>
			<div class='container trans-bg'>
				<h1 class='slider-header'>Get <strong class="red">Loyalty</strong> Easy At Your Business</h1>
				<h2 class='slider-sub-header'>Yamii gives you the tools you need to engage and retain loyal customers.</h2>
				<div class='slider-browsers-w clearfix'>
					<div class='slider-browser slider-browser-left hidden-phone' data-position-bottom='-8%'>
						<img alt="Browser-window-1" src="<?php echo Yii::app()->baseUrl; ?>/assets/images/browser-window.png" />
					</div>
					<div class='slider-browser slider-browser-center' data-position-bottom='-9%'>
						<img alt="Browser-window-2" src="<?php echo Yii::app()->baseUrl; ?>/assets/images/browser-window.png" />
					</div>
					<div class='slider-browser slider-browser-right hidden-phone' data-position-bottom='-8%'>
						<img alt="Browser-window-3" src="<?php echo Yii::app()->baseUrl; ?>/assets/images/browser-window.png" />
					</div>
				</div>
			</div>
		</div>
		-->
	</div>
	<!--
	<a class='carousel-control left' data-slide='prev' href='#homepage-carousel'>
		<i class='icon-chevron-left'></i>
	</a>
	<a class='carousel-control right' data-slide='next' href='#homepage-carousel'>
		<i class='icon-chevron-right'></i>
	</a>-->
</div>
<section class="section-wrapper stripped">
	<div class="container">
		<div class="row">
			<div class='span12'>
				<div class="tab-content how-it-works">
					<h2>Why You Need Yamii</h2>
				</div>
				<ul class="intro-tabs nav nav-tabs">
					<li class="active">
						<a href="#reason1" data-toggle="tab">Make Your Marketing<br />Easy And Effective</a>
					</li>
					<li>
						<a href="#reason2" data-toggle="tab">Turn Occasional Customers<br />Into Loyal Fans</a>
					</li>
					<li>
						<a href="#reason3" data-toggle="tab">Understand Your Business<br />With Visualized Data</a>
					</li>
				</ul>
				<div class="intro-tabs-content tab-content">
					<div class="tab-pane in active" id="reason1">
						<div class="row-fluid">
							<div class="span6">
								<p>
									One computer or smart phone, one minute editing of your offer,
									once you publish, Yamii helps you reach your target group directly.
									No need of extra device, professional skills, or paper coupons anymore!
								</p>
							</div>
							<div class="span6">
								<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test1.jpg" />
							</div>
						</div>
					</div>
					<div class="tab-pane" id="reason2">
						<div class="row-fluid">
							<div class="span6">
								<p>
									By asking customers to scan your unique QR-code,
									you get the consuming records and see the visualized data of your promotion effect via Yamii for Business tool.
									Based on that, you can reward your customers to give them a great reason to buy more and visit often.
								</p>
							</div>
							<div class="span6">
								<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test2.jpg" />
							</div>
						</div>
					</div>
					<div class="tab-pane" id="reason3">
						<div class="row-fluid">
							<div class="span6">
								<p>
									Know where you stand!
									Yamii gives you data you never had access to before.
									Find out how many fans you have, who they are, when and how often they visited your store, and much more.
								</p>
							</div>
							<div class="span6">
								<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test1.jpg" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="section-wrapper how-it-works-bg">
	<div class="container">
		<div class="row">
			<div class="span6">
				<div class="how-it-works">
					<div class="steps">
						<h2 class="inverted">How it Works</h2>
						<div data-sq-widget="collection-navigation">
							<a href="javascript:;" class="step active">
								<h3>Publish offers</h3>
								<p>Create and publish your special offers through Yamii for Business web page or smartphone App.</p>
							</a>
							<a href="javascript:;" class="step">
								<h3>Reach people</h3>
								<p>Your offers is shown in Yamii website and App.
								Besides, notifications are delivered automatically to your followers and users nearby.</p>
							</a>
							<a href="javascript:;" class="step">
								<h3>Redeem easily</h3>
								<p>Customers come to scan your QR-code in cashier to redeem the offer.</p>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="offset1 span5">
				
			</div>
		</div>
	</div>
</section>
<section class="section-wrapper stripped">
	<div class="container">
		<div class="row clients-w">
			<div class='span12'>
				<h3 class='section-header'>Helping Local Businesses Succeed</h3>
				<p style="font-size:1.3em;text-align:left;margin-bottom:24px;">We are helping hundreds of local merchants with a good marketing tool.</p>
			</div>
			<div class="span2">
				<div class="white-card">
					<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test-square.png" alt="Client-1">
				</div>
			</div>
			<div class="span2">
				<div class="white-card">
					<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test-square.png" alt="Client-2">
				</div>
			</div>
			<div class="span2">
				<div class="white-card">
					<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test-square.png" alt="Client-3">
				</div>
			</div>
			<div class="span2">
				<div class="white-card">
					<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test-square.png" alt="Client-4">
				</div>
			</div>
			<div class="span2">
				<div class="white-card">
					<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test-square.png" alt="Client-5">
				</div>
			</div>
			<div class="span2">
				<div class="white-card">
					<img src="<?php echo Yii::app()->baseUrl; ?>/assets/images/test-square.png" alt="Client-6">
				</div>
			</div>
		</div>
	</div>
</section>
<div class='carousel slide over-something'>
	<div class='carousel-inner slider-w coffee'>
		<div class='active item'>
			<div class='container'>
				<h1 class='slider-header'>Start to Join <strong class="red">YAMII</strong></h1>
				<div class='cta'>
					<a href="<?php echo Yii::app()->createUrl('/site/contact') ?>" class="btn btn-cta btn-warning">Request A Demo</a>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
$(function() {
	$('.how-it-works a').click(function(){
		$('.how-it-works .step').removeClass('active');
		$(this).addClass('active');
	});
});
</script>